<!--
 * @Descripttion: 
 * @version: 
 * @Author: Ansel
 * @Date: 2020-03-15 15:48:17
 * @LastEditors: Ansel
 * @LastEditTime: 2020-03-25 18:15:01
 -->
<template>
    <el-card>
        <h5>报名状态</h5>
        <hr style="opacity:0.3">
        <el-table
      ref="multipleTable"
      tooltip-effect="dark"
      border
      :data="
      tableData"
      style="width: 100%;font-color:black;margin-top:20px"
    >
      <el-table-column label="考试名称" prop="name" sortable></el-table-column>
      <el-table-column label="考试代码" prop="id" sortable></el-table-column>
      <el-table-column label="考试时间" prop="time" sortable></el-table-column>
      <el-table-column label="报名进度" prop="status" sortable></el-table-column>
      
    </el-table>
    <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="[5, 10, 20, 40]"
        :page-size="pagesize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="tableData.length"
      ></el-pagination>
    </el-card>
</template>
<script>
export default {
    data(){
        return {
            tableData:[{
                name:"MHK",
                id:"156458",
                time:"2018-02-26 09:00:00",
                status:"教务办审核通过，教务处审核通过"
            }],
        }
    }
}
</script>
<style scoped>
thead .cell {
    color: black;
}
.page{
    margin: 20px auto 0;
    display: flex;
    height: 24px;
    width: 120px;
    text-align: center;
    box-sizing: border-box;
    
    /* font-size: 16px; */
    /* border: 1px solid black; */
}
.page .last{
    width: 50px;
    box-sizing: border-box;
    border: 1px solid black;
}
.page .thisPage{
    width: 20px;
    color: white;
    text-align: center;
    padding-top:2px;
    background-color:black;
    box-sizing: border-box;
    border: 1px solid black;
}
.page .next{
    width: 50px;
    box-sizing: border-box;
    border: 1px solid black;
}
</style>